<!doctype html>
<html lang="zh-CN">

<!-- <head> -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="../js/swiper-7.4.1/swiper-7.4.1/swiper-bundle.min.js"></script>
<link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../css/通用css/通用样式标.css">
<title>首页</title>
<link rel="stylesheet" href="../js/bootstrap-3.4.1/dist/css/bootstrap.css">
<link rel="stylesheet" href="../js/动画库/animate.css">
<link rel="stylesheet" href="../js/swiper-7.4.1/swiper-7.4.1/swiper-bundle.min.css">


</head>

<body>
	<!--表头  start-->
	<div id="header">
		<div id="vivo-head-wrap" class="vp-head">
			<div class="vp-head-wrap">
				<div class="vp-head-wrap-pc">
					<!--黑导航  start-->
					<div class="vp-head-topbar-pc">
						<div class="container">
							<ul class="vp-head-topbar-navs">
								<li><a>品牌</a></li>
								<li><a>OriginOS</a></li>
								<li><a>体验店</a></li>
								<li><a>社区</a></li>
							</ul>
							<div class="vp-head-top-user">
								<a class="vp-vivo-app ">
									<span class="vp-vivo-app-show">
										<!-- <svg t="1665652613053" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9070" width="16" height="16"><path d="M832 832H192a32 32 0 0 0 0 64h640a32 32 0 0 0 0-64zM858.24 387.2l-46.08-45.44L576 577.92V128H512v456.96l-243.2-243.2-44.8 45.44L540.8 704l317.44-316.8z" p-id="9071"></path></svg> -->

										下载APP
									</span>
									<div class="vp-vivo-app-qrCode">
										<img src="../img/QRCode.png" alt="">
										<span>扫描下载 vivo官网APP</span>
									</div>
								</a>
								<a class="vp-user-shopcart" href="../html/shopping.html">
									购物车(4)
								</a>
								<span class="vp-user-login-box">
									<span class="vp-head-member-login ">个人中心</span>
									
									<div class="vp-head-user-lists">
										<div class="vp-head-user-logged">
										
											<div class="vp-head-user-content">
												<a class="vp-head-user-shop-pc" >
													<svg t="1665650447739" class="icon" viewBox="0 0 1024 1024"
														version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5721"
														width="16" height="16">
														<path
															d="M896 936.96H128c-22.528 0-40.96-18.432-40.96-40.96V128c0-22.528 18.432-40.96 40.96-40.96h768c22.528 0 40.96 18.432 40.96 40.96v768c0 22.528-18.432 40.96-40.96 40.96zM128 128v768h768V128H128z"
															p-id="5722"></path>
														<path
															d="M512 552.96c-138.24 0-250.88-133.12-250.88-296.96 0-11.264 9.216-20.48 20.48-20.48s20.48 9.216 20.48 20.48c0 141.312 94.208 256 209.92 256s209.92-114.688 209.92-256c0-11.264 9.216-20.48 20.48-20.48s20.48 9.216 20.48 20.48c0 163.328-112.64 296.96-250.88 296.96z"
															p-id="5723"></path>
													</svg>

													我的商城</a>
											</div>
											<div class="vp-head-user-content">
												<a class="vp-head-user-shop-pc">
													<svg t="1665650866455" class="icon" viewBox="0 0 1024 1024"
														version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6967"
														width="16" height="16">
														<path
															d="M996.562475 131.235956V848.476632a322.978348 322.978348 0 0 1-1.356084 57.134648 151.651166 151.651166 0 0 1-27.659003 64.401212 138.857918 138.857918 0 0 1-80.3416 50.09836 236.700681 236.700681 0 0 1-52.401145 2.712169H189.999339a246.832934 246.832934 0 0 1-48.358479-1.893401 137.757698 137.757698 0 0 1-81.416232-46.874462 151.369715 151.369715 0 0 1-30.08972-63.60803 329.067934 329.067934 0 0 1-2.149266-63.32658v-675.483513a293.553877 293.553877 0 0 1 3.479763-65.194394A137.348314 137.348314 0 0 1 118.254802 8.625464 221.655821 221.655821 0 0 1 194.835187 0.540131h516.054052c19.343392 0 141.03277 0.179105 160.376162 0.255865a154.695959 154.695959 0 0 1 53.475778 16.170666 143.437901 143.437901 0 0 1 63.966242 74.917262 154.823892 154.823892 0 0 1 6.447797 25.867948c0.51173 4.503223 0.9467 8.98086 1.407257 13.484084z m-76.580384 4.298532l-0.537317-5.654616-3.50535-13.484084a62.891609 62.891609 0 0 0-25.586497-30.447931 111.736231 111.736231 0 0 0-58.593077-8.622649H204.583642a227.412783 227.412783 0 0 0-54.550411 1.8934 61.407592 61.407592 0 0 0-42.703863 40.938395 170.841039 170.841039 0 0 0-2.686582 44.725196v686.255429a222.065205 222.065205 0 0 0 1.330498 46.900049 71.642191 71.642191 0 0 0 15.351898 28.835981c15.761282 19.548083 41.833922 19.113113 77.117701 19.113113h633.163448a183.352836 183.352836 0 0 0 42.447998-1.867814 62.149601 62.149601 0 0 0 33.59507-22.362598c14.09816-19.241046 12.358278-40.145213 12.358278-73.049448V135.534488zM828.408019 507.152766a35.821095 35.821095 0 0 1-28.477771 39.889349 141.083943 141.083943 0 0 1-28.145146 0.537316h-362.816524a36.15372 36.15372 0 0 1-5.910481-70.618731 121.97083 121.97083 0 0 1 29.833855-1.074633h341.323867a95.974949 95.974949 0 0 1 33.59507 2.968034 36.614277 36.614277 0 0 1 18.524624 19.676016z m-4.145013 231.992766a35.514057 35.514057 0 0 1-29.552403 37.995948l-48.358479 0.281451H458.32493c-42.192133 0-74.78933 5.756962-81.134781-31.522564a33.467138 33.467138 0 0 1 4.01708-20.750649c13.202632-25.816775 45.006648-19.420151 82.235001-19.420151H734.991719a197.476582 197.476582 0 0 1 71.207221 4.60557 37.10042 37.10042 0 0 1 16.375358 20.187746z m10.464878-461.836266a36.691036 36.691036 0 0 1-17.475578 35.56523 162.423081 162.423081 0 0 1-67.164554 4.835848h-296.803362c-40.759289 0-69.979069 4.01708-76.043068-31.778429a33.467138 33.467138 0 0 1 4.01708-20.750648c12.255932-23.769855 38.021534-19.420151 72.81917-19.420151h309.59661a154.823892 154.823892 0 0 1 50.789196 3.249485 36.179306 36.179306 0 0 1 18.268759 19.676016zM230.937734 230.818601a51.172993 51.172993 0 1 1-51.172994 51.172994 51.172993 51.172993 0 0 1 51.172994-51.172994z m0 230.278471a51.172993 51.172993 0 1 1-51.172994 51.172993 51.172993 51.172993 0 0 1 51.172994-51.172993z m0 230.278471a51.172993 51.172993 0 1 1-51.172994 51.172993 51.172993 51.172993 0 0 1 51.172994-51.172993z"
															p-id="6968"></path>
													</svg>
													我的订单</a>
											</div>
											<div class="vp-head-user-content">
												<a class="vp-head-user-shop-pc" href="../html/login.html">
													<svg t="1665650915392" class="icon" viewBox="0 0 1024 1024"
														version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7980"
														width="16" height="16">
														<path
															d="M605.556364 972.986182H422.446545c-178.082909 0-318.789818 0-318.789818-97.838546v-17.780363c0-172.590545 142.987636-313.018182 318.789818-313.018182h183.109819c175.662545 0 318.650182 140.427636 318.650181 313.018182v17.826909c-0.046545 97.792-147.688727 97.792-318.650181 97.792z m-183.109819-358.818909c-137.262545 0-248.971636 109.102545-248.971636 243.2v17.826909c0 28.020364 168.122182 28.020364 248.971636 28.020363h183.109819c61.533091 0 248.832 0 248.832-28.020363v-17.826909c0-134.097455-111.616-243.2-248.832-243.2H422.446545z m82.292364-71.773091c-140.381091 0-254.603636-112.267636-254.603636-250.181818S364.357818 42.030545 504.738909 42.030545s254.603636 112.221091 254.603636 250.181819-114.222545 250.181818-254.603636 250.181818zM320 292.212364c0 99.421091 82.897455 180.363636 184.785455 180.363636s184.785455-80.896 184.785454-180.363636-82.897455-180.363636-184.785454-180.363637-184.785455 80.942545-184.785455 180.363637z"
															p-id="7981"></path>
													</svg>
													帐号中心</a>
											</div>
											<!-- {{else}}
											<div class="vp-head-user-content">
												<a class="vp-head-user-shop-pc" href="/loghin">
													<svg t="1667138164153" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2557" width="16" height="16"><path d="M 925.072 866.338 c -22.55 -58.665 -54.879 -111.396 -96.079 -156.727 c -41.419 -45.572 -89.732 -81.389 -143.598 -106.458 a 428.81 428.81 0 0 0 -31.037 -12.991 c 23.153 -13.107 44.673 -29.438 63.998 -48.763 c 56.076 -56.076 86.959 -130.633 86.959 -209.936 s -30.881 -153.86 -86.959 -209.936 s -130.634 -86.959 -209.937 -86.959 s -153.86 30.883 -209.937 86.959 c -56.076 56.078 -86.959 130.633 -86.959 209.936 s 30.883 153.86 86.959 209.936 c 19.325 19.325 40.846 35.655 63.997 48.763 a 429.898 429.898 0 0 0 -31.037 12.991 c -53.866 25.068 -102.179 60.884 -143.598 106.458 c -41.202 45.332 -75.248 97.431 -96.08 156.727 c -17.385 49.481 -15.568 98.351 -16.45 121.174 h 69.838 C 142.848 824.515 297.84 633.689 508.42 633.689 c 210.579 0 369.644 197.809 370.256 353.823 h 69.837 c -1.243 -44.114 -0.159 -60.62 -23.438 -121.174 Z M 281.379 331.462 c 0 -125.188 101.85 -227.038 227.039 -227.038 c 125.188 0 227.039 101.85 227.039 227.038 S 633.606 558.5 508.418 558.5 c -125.189 0 -227.039 -101.85 -227.039 -227.038 Z" fill="#8a8a8a" p-id="2558"></path></svg>
													去登录</a>
											</div>
									     	{{/if}} -->
										</div>



									</div>
									
								</span>

							</div>
						</div>
					</div>
					<!--黑导航 end -->
					<!--白下拉  start-->
					<div class="vp-head-mainbar-pc" style="min-width: 1200px">
						<div class="container">
							<div class="vp-head-logo">
								<img data-src="../img/vivo.40de91ac-h.png" src="../img/vivo.40de91ac.png" alt="">

							</div>
							<div class="vp-head-site">
								<div class="vp-head-site-layer"></div>
								<div class="vp-head-site-wrap">
									<div class="vp-head-site-navs">
										<div class="vp-head-site-navs-container">
											<ul class="vp-head-site-navs-8">
												<li class="vp-head-series">
													<a id="16" class="vp-vivo-head-category-x">
														X系列
													</a>
												</li>
												<li class="vp-head-series">
													<a id="70" class="vp-vivo-head-category-s">
														S系列
													</a>
												</li>
												<li class="vp-head-series">
													<a id="238" class="vp-vivo-head-category-t">
														T系列
													</a>
												</li>
												<li class="vp-head-series">
													<a id="18" class="vp-vivo-head-category-y">
														Y系列
													</a>
												</li>
												<li class="vp-head-series">
													<a id="138" class="vp-vivo-head-category-iqoo">
														iQOO手机
													</a>
												</li>
												<li class="vp-head-series">
													<a id="88" class="vp-vivo-head-category-earphone">
														智能硬件
													</a>
												</li>
												<li>
													<a id="20" class="vp-vivo-head-shop">
														商城
													</a>
												</li>
												<li>
													<a id="21" class="vp-vivo-head-service">
														服务
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!-- 搜索  start-->
							<div class="vp-head-search-btn clear">
								<div>
									<a class="vp-head-search-open">
										<svg t="1665663726898" class="icon" viewBox="0 0 1024 1024" version="1.1"
											xmlns="http://www.w3.org/2000/svg" p-id="15874" width="28" height="28">
											<path
												d="M695.556 721.524l-4.543 4.443c-41.108 35.736-89.276 62.763-142.213 79.4C509.219 817.733 468.427 824 427.765 824c-39.116 0-78.064-5.651-115.969-17.104-13.038-3.972-20.396-17.719-16.41-30.682 3.986-13 17.807-20.311 30.827-16.339 67.968 20.443 139.755 19.995 207.704-1.398 69.496-21.823 129.641-64.125 173.655-122.15 56.457-74.346 80.392-166.131 67.503-258.346-12.871-92.4-61.04-174.076-135.769-230.274-74.692-56.197-166.893-80.015-259.56-67.202-92.798 12.833-174.866 60.786-231.323 135.15-46.64 61.383-71.172 134.517-70.874 211.492 0.298 74.495 24.997 148.263 69.496 207.5 8.12 11.005 5.83 26.43-5.067 34.525-11.045 8.076-26.542 5.8-34.682-5.055-50.758-67.65-78.995-151.769-79.293-236.671-0.317-87.794 27.604-171.167 80.988-241.41 64.429-84.902 158.157-139.57 264.012-154.23 105.854-14.493 211.094 12.683 296.217 76.807 85.31 64.125 140.22 157.44 154.954 262.803 14.566 105.345-12.74 210.093-77.17 294.846-4.389 5.898-8.984 11.589-13.693 17.123l256.317 268.457c10.199 10.677 9.751 27.7-0.951 37.837-10.74 10.136-27.838 9.688-38.018-0.97L695.556 721.523zM406.33 694c-0.764 0-1.547 0-2.312-0.15-50.18-4.568-98.088-22.899-138.464-53.276-36.853-27.637-66.007-64.28-84.443-106.107-5.517-12.364 0.15-27.021 12.75-32.373 12.434-5.483 27.179 0.168 32.548 12.68 15.043 34.033 38.828 63.963 68.915 86.564 33.013 24.877 72.177 39.832 113.15 43.506 13.682 1.23 23.655 13.128 22.424 26.722C429.817 684.378 419.08 694 406.33 694z"
												p-id="15875"></path>
										</svg>
									</a>


								</div>
							</div>
							<!-- 搜索弹框  start-->
							<div class="vp-head-search-wrap" style="height: 1px;">
								<div>
									<div class="vp-head-search-box">
										<div class="vp-head-search-input">
											<input type="text" placeholder="X80 Pro" data-keyword="X80 Pro">
										</div>
										<div class="vp-head-search-content">
											<div class="vp-head-search-recommend">
												<dl>
													<dt>大家都在搜</dt>
													<dd data-type="1" style="transform: translateX(0px); opacity: 1;">
														<a>X Fold+</a>
													</dd>
													<dd data-type="1" style="transform: translateX(0px); opacity: 1;">
														<a>S15系列</a>
													</dd>
													<dd data-type="1" style="transform: translateX(0px); opacity: 1;">
														<a>X80系列</a>
													</dd>
													<dd data-type="1" style="transform: translateX(0px); opacity: 1;">
														<a>X Note</a>
													</dd>
													<dd data-type="1" style="transform: translateX(0px); opacity: 1;">
														<a>iQOO 9 Pro</a>
													</dd>
												</dl>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 搜索弹框 end -->
							<!-- hover 手机 -->
							<div class="vp-head-menu-series" style="height: 0px;">
								<div class="vp-head-series-wrapper">
									<ul>
										<li>
											<img src="../img/vivo/40c2c6aa2818c7cde34eb67c57e40ba6.png" alt="">
											<p>1X Fold+</p>
										</li>
										<li class="it">
											<div class="iteams">
												<div class="iteam iteam1">
													<img src="../img/vivo/5d20f4bf25ddb6bbd1c898d2360c6fdb.png" alt="">
												</div>
												<div class="iteam iteam2">
													<img src="../img/vivo/ce2e5584caef0ac7b1c17f79e7e6f47a.png" alt="">
												</div>
												<div class="iteam iteam3">
													<img src="../img/vivo/b015ceb39169a78d02eedde505baa45c.png" alt="">
												</div>
												<div class="iteam iteam4">
													<img src="../img/vivo/ac3cd6cd7a6bf0b391c04fbdb9b2b4f7.png" alt="">
												</div>
											</div>
											<p>X80 Pro</p>
										</li>
										<li>
											<img src="../img/vivo/40c2c6aa2818c7cde34eb67c57e40ba6.png" alt="">
											<p>X Fold+</p>
										</li>
										<li class="it">
											<div class="iteams">
												<div class="iteam iteam1">
													<img src="../img/vivo/5d20f4bf25ddb6bbd1c898d2360c6fdb.png" alt="">
												</div>
												<div class="iteam iteam2">
													<img src="../img/vivo/ce2e5584caef0ac7b1c17f79e7e6f47a.png" alt="">
												</div>
												<div class="iteam iteam3">
													<img src="../img/vivo/b015ceb39169a78d02eedde505baa45c.png" alt="">
												</div>
												<div class="iteam iteam4">
													<img src="../img/vivo/ac3cd6cd7a6bf0b391c04fbdb9b2b4f7.png" alt="">
												</div>
											</div>
											<p>X80 Pro</p>
										</li>
										<li>
											<img src="../img/vivo/40c2c6aa2818c7cde34eb67c57e40ba6.png" alt="">
											<p>X Fold+</p>
										</li>
										<li class="it">
											<div class="iteams">
												<div class="iteam iteam1">
													<img src="../img/vivo/5d20f4bf25ddb6bbd1c898d2360c6fdb.png" alt="">
												</div>
												<div class="iteam iteam2">
													<img src="../img/vivo/ce2e5584caef0ac7b1c17f79e7e6f47a.png" alt="">
												</div>
												<div class="iteam iteam3">
													<img src="../img/vivo/b015ceb39169a78d02eedde505baa45c.png" alt="">
												</div>
												<div class="iteam iteam4">
													<img src="../img/vivo/ac3cd6cd7a6bf0b391c04fbdb9b2b4f7.png" alt="">
												</div>
											</div>
											<p>X80 Pro</p>
										</li>
										<li>
											<img src="../img/vivo/40c2c6aa2818c7cde34eb67c57e40ba6.png" alt="">
											<p>X Fold+</p>
										</li>
										<li>
											<img src="../img/vivo/40c2c6aa2818c7cde34eb67c57e40ba6.png" alt="">
											<p>X Fold+</p>
										</li>
										<li class="it">
											<div class="iteams">
												<div class="iteam iteam1">
													<img src="../img/vivo/5d20f4bf25ddb6bbd1c898d2360c6fdb.png" alt="">
												</div>
												<div class="iteam iteam2">
													<img src="../img/vivo/ce2e5584caef0ac7b1c17f79e7e6f47a.png" alt="">
												</div>
												<div class="iteam iteam3">
													<img src="../img/vivo/b015ceb39169a78d02eedde505baa45c.png" alt="">
												</div>
												<div class="iteam iteam4">
													<img src="../img/vivo/ac3cd6cd7a6bf0b391c04fbdb9b2b4f7.png" alt="">
												</div>
											</div>
											<p>X80 Pro</p>
										</li>
										<li>
											<img src="../img/vivo/40c2c6aa2818c7cde34eb67c57e40ba6.png" alt="">
											<p>2X Fold+</p>
										</li>
									</ul>

								</div>
								<div class="vp-head-product-btn">
									<button class="vp-head-product-prev">
										<svg t="1666102767654" class="icon" viewBox="0 0 1024 1024" version="1.1"
											xmlns="http://www.w3.org/2000/svg" p-id="2526" width="16" height="16">
											<path
												d="M671.968176 911.99957c-12.287381 0-24.576482-4.67206-33.951566-14.047144L286.048434 545.984249c-18.751888-18.719204-18.751888-49.12028 0-67.872168L638.016611 126.111222c18.751888-18.751888 49.12028-18.751888 67.872168 0 18.751888 18.719204 18.751888 49.12028 0 67.872168l-318.016611 318.047574L705.888778 830.047574c18.751888 18.751888 18.751888 49.12028 0 67.872168C696.544658 907.32751 684.255557 911.99957 671.968176 911.99957z"
												p-id="2527"></path>
										</svg>

									</button>
									<button class="vp-head-product-next">
										<svg t="1666103367417" class="icon" viewBox="0 0 1024 1024" version="1.1"
											xmlns="http://www.w3.org/2000/svg" p-id="4135" width="16" height="16">
											<path
												d="M282.624 907.264c0-8.192 3.072-16.384 9.216-22.528l372.736-372.736L291.84 139.264c-6.144-6.144-9.216-13.824-9.216-22.528s3.072-16.384 9.216-22.528c12.288-12.288 32.256-12.288 44.544 0L732.16 489.472c6.144 6.144 9.216 13.824 9.216 22.528 0 8.192-3.072 16.384-9.216 22.528l-395.264 395.264c-12.288 12.288-32.256 12.288-44.544 0-6.144-6.144-9.728-14.336-9.728-22.528z"
												fill="#2C2C2C" p-id="4136"></path>
										</svg>

									</button>

								</div>
							</div>
							<!-- hover 手机 -->
							<!-- 搜索 end -->

						</div>
					</div>
					<!--白下拉 end -->
				</div>
			</div>
		</div>
	</div>
	<!--表头 end -->
	<!-- 轮播 star -->

	<div id="content" class="clearfix">
		<div class="swiper__categorie">
			<div class="home-swiper">
				<a href="">
					<img src="../img/vivo/2022082916012378261_original.jpg" alt="">
				</a>
				<div class="pager-box">
					<!-- js数组添加分页器 -->
				</div>
			</div>
			<div class="all-categories" style="top: 6%;left: 20%;">
				<div class="categories">
					<!-- js数组添加分类 -->
				</div>
				<div class="commodities-con none">
					<div class="commodities">
						<!-- js数组生成商品 -->
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 轮播 end -->
	<!-- 专区  -->
	<div class="floor fp">
		<div class="container">
			<ul>
				<li class="box">
					<img src="../img/vivo/20220412172650498884_original.jpg" alt="">
				</li>
				<li class="box">
					<img src="../img/vivo/20220412172640267204_original.jpg" alt="">
				</li>
				<li class="box">
					<img src="../img/vivo/20210621144650252503_original.jpg" alt="">
				</li>
			</ul>
		</div>
	</div>

	<!-- 专区 end -->
	<!-- 限时秒杀 -->
	<div class="floor rush J_promotion">
		<div class="container">
			<div class="info">
				<div class="rush-title">
					<img src="../img/vivo/img-vbuy.06e94a77.png" alt="" class="rush-logo">
					<div class="count-down J_countdown">
						<span class="state"> 距离结束 </span>
						<div class="v-count-down">
							<span>
								<span>
									<span class="bolder">03</span>
									<em class="risk">时</em>
									<span class="bolder">10</span>
									<em class="risk">分</em>
									<span>
										<span class="bolder">54</span>
										<em class="risk">秒</em>
									</span>
								</span>
							</span>
						</div>
					</div>
				</div>
				<div class="more-wrapper">
					<a>
						更多场次
						<div class="v-icon">
							<svg t="1666775112722" class="icon" viewBox="0 0 1024 1024" version="1.1"
								xmlns="http://www.w3.org/2000/svg" p-id="2532" width="16" height="16">
								<path
									d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z"
									p-id="2533"></path>
							</svg>
						</div>
					</a>
				</div>
			</div>
			<!-- 轮播 -->
			<div class="box-list">
				<!-- <span class="btn-page before J_swiper-prev">
					<svg t="1666775112722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2532" width="16" height="16"><path d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z" p-id="2533"></path></svg>
					
				</span>
				<span class="btn-page next J_swiper-next">
					<svg t="1666775112722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2532" width="16" height="16"><path d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z" p-id="2533"></path></svg>
				</span> -->
				<div
					class="swiper mySwiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden">
					<div class="swiper-wrapper" id="swiper-wrapper-3a48c3b610a2a173f" aria-live="polite"
						style="transition-duration: 0ms; transform: translate3d(-1480px, 0px, 0px);">
						<div class="swiper-slide" role="group" aria-label="1 / 9"
							style="width: 340px; margin-right: 30px; transform: translate3d(0px, 0px, 0px);">
							<img class="corner-img"
								src="../img/vivo/06d52714f7fdb37afa2fafbeb578c06f.png_w530-h530.png">
							<img src="../img/vivo/10006995_1636700606575_530x530.png.webp" class="swiper-lazy prod-img">
							<div class="prod-info">
								<p class="name">vivo Y76s 8GB+128GB 星钻白</p>
								<p class="desc"></p>
								<p class="price"><span class="text"><dfn>￥</dfn> 1299 </span><span
										class="text disabled"><dfn>￥</dfn> 1699 </span></p>
							</div>
						</div>
						<div class="swiper-slide" role="group" aria-label="2 / 9"
							style="width: 340px; margin-right: 30px;">
							<img class="corner-img"
								src="../img/vivo/06d52714f7fdb37afa2fafbeb578c06f.png_w530-h530.png">
							<img src="../img/vivo/10001130_1630563011142_530x530.png.webp" class="swiper-lazy prod-img">
							<div class="prod-info">
								<p class="name">vivo 4A Type-C闪充数据线 新款</p>
								<p class="desc">限时特惠</p>
								<p class="price">
									<span class="text">
										<dfn>￥</dfn> 28
									</span><span class="text disabled">
										<dfn>￥</dfn> 59
									</span>
								</p>
							</div>
						</div>


						<div class="swiper-slide" role="group" aria-label="3 / 9"
							style="width: 340px; margin-right: 30px;">
							<img class="corner-img"
								src="../img/vivo/06d52714f7fdb37afa2fafbeb578c06f.png_w530-h530.png">
							<img src="../img/vivo/10000538_1645427638720_530x530.png.webp" class="swiper-lazy prod-img">
							<div class="prod-info">
								<p class="name">vivo 无线影音耳机 蓝调</p>
								<p class="desc">限时特惠</p>
								<p class="price"><span class="text"><dfn>￥</dfn> 108 </span><span
										class="text disabled"><dfn>￥</dfn> 299 </span></p>
							</div>

						</div>
						<div class="swiper-slide" role="group" aria-label="3 / 9"
							style="width: 340px; margin-right: 30px;">
							<img class="corner-img"
								src="../img/vivo/06d52714f7fdb37afa2fafbeb578c06f.png_w530-h530.png">
							<img src="../img/vivo/10000538_1645427638720_530x530.png.webp" class="swiper-lazy prod-img">
							<div class="prod-info">
								<p class="name">vivo 无线影音耳机 蓝调</p>
								<p class="desc">限时特惠</p>
								<p class="price"><span class="text"><dfn>￥</dfn> 108 </span><span
										class="text disabled"><dfn>￥</dfn> 299 </span></p>
							</div>

						</div>
						<div class="swiper-slide swiper-slide-active" role="group" aria-label="5 / 9"
							style="width: 340px; margin-right: 30px;">

							<img class="corner-img"
								src="../img/vivo/06d52714f7fdb37afa2fafbeb578c06f.png_w530-h530.png">
							<img src="../img/vivo/10006995_1636700606575_530x530.png.webp" class="swiper-lazy prod-img">
							<div class="prod-info">
								<p class="name">vivo Y76s 8GB+128GB 星钻白</p>
								<p class="desc"></p>
								<p class="price"><span class="text"><dfn>￥</dfn> 1299 </span><span
										class="text disabled"><dfn>￥</dfn> 1699 </span></p>
							</div>
						</div>
						<div class="swiper-slide swiper-slide-next" role="group" aria-label="6 / 9"
							style="width: 340px; margin-right: 30px;">

							<img class="corner-img"
								src="../img/vivo/06d52714f7fdb37afa2fafbeb578c06f.png_w530-h530.png">
							<img src="../img/vivo/10001130_1630563011142_530x530.png.webp" class="swiper-lazy prod-img">
							<div class="prod-info">
								<p class="name">vivo 18W 闪充充电器 新款</p>
								<p class="desc">限时特惠</p>
								<p class="price"><span class="text"><dfn>￥</dfn> 44 </span><span
										class="text disabled"><dfn>￥</dfn> 79 </span></p>
							</div>
						</div>
						<div class="swiper-slide" role="group" aria-label="7 / 9"
							style="width: 340px; margin-right: 30px;">

							<img class="corner-img"
								src="../img/vivo/06d52714f7fdb37afa2fafbeb578c06f.png_w530-h530.png">
							<img src="../img/vivo/10006995_1636700606575_530x530.png.webp" class="swiper-lazy prod-img">
							<div class="prod-info">
								<p class="name">vivo Y76s 8GB+128GB 星钻白</p>
								<p class="desc"></p>
								<p class="price"><span class="text"><dfn>￥</dfn> 1299 </span><span
										class="text disabled"><dfn>￥</dfn> 1699 </span></p>
							</div>
						</div>
						<div class="swiper-slide" role="group" aria-label="8 / 9"
							style="width: 340px; margin-right: 30px;">
							<img class="corner-img"
								src="../img/vivo/06d52714f7fdb37afa2fafbeb578c06f.png_w530-h530.png">
							<img src="../img/vivo/10001130_1630563011142_530x530.png.webp" class="swiper-lazy prod-img">
							<div class="prod-info">
								<p class="name">vivo Y76s 8GB+128GB 星钻白</p>
								<p class="desc"></p>
								<p class="price"><span class="text"><dfn>￥</dfn> 1299 </span><span
										class="text disabled"><dfn>￥</dfn> 1699 </span></p>
							</div>
						</div>
						<div class="swiper-slide" role="group" aria-label="9 / 9"
							style="width: 340px; margin-right: 30px;">
							<img class="corner-img"
								src="../img/vivo/06d52714f7fdb37afa2fafbeb578c06f.png_w530-h530.png">
							<img src="../img/vivo/10001130_1630563011142_530x530.png.webp" class="swiper-lazy prod-img">
							<div class="prod-info">
								<p class="name">vivo Y76s 8GB+128GB 星钻白</p>
								<p class="desc"></p>
								<p class="price"><span class="text"><dfn>￥</dfn> 1299 </span><span
										class="text disabled"><dfn>￥</dfn> 1699 </span></p>
							</div>
						</div>
					</div>
					<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
				</div>
			</div>

			<script language="javascript">
				var mySwiper = new Swiper('.swiper', {
					slideToClickedSlide: true,
					centeredSlides: true,
					slidesPerView: 3,
					navigation: {
						nextEl: '.swiper-button-next',
						prevEl: '.swiper-button-prev',
						disabledClass: 'my-button-disabled',
					},
				})
			</script>
			<!-- 轮播end -->
		</div>
	</div>
	<!-- 限时秒杀 -->
	<!-- 精品配件 -->
	<div class=" floor1 c_8">
		<div class="container">
			<div class="info">
				<div class="subject">
					
				
				<p >精品配件
					<ul class="more-wrapper">
						<li><a> 平板手表 </a></li>
						<li><a> 手机充电 </a></li>
						<li><a> 手机配件 </a></li>
						<li>
							<a> 更多
								<div class="v-icon">
									<svg t="1666948010954" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2523" width="28" height="28"><path d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z" p-id="2524"></path></svg>
								</div>
							</a>
						</li>
						
					</ul>
				</p>
			</div>
				<ul id="box-list">
					
					<!-- <li class="box" data-id="">
						<a>
							<img src="../img/vivo/10006995_1636700606575_530x530.png.webp"></a>
							<div class="prodinfo">
								<p class="name">vivo Pad平板电脑</p>
								<p class="feature">跨屏协同办公</p>
								<p class="price rmb-symbol"> 2499.00 </p>
							</div>
					</li>
					<li class="box">
						<a>
							<img src="../img/vivo/10006995_1636700606575_530x530.png.webp"></a>
							<div class="prodinfo">
								<p class="name">vivo Pad平板电脑</p>
								<p class="feature">跨屏协同办公</p>
								<p class="price rmb-symbol"> 2499.00 </p>
							</div>
					</li>
					<li class="box">
						<a>
							<img src="../img/vivo/10006995_1636700606575_530x530.png.webp"></a>
							<div class="prodinfo">
								<p class="name">vivo Pad平板电脑</p>
								<p class="feature">跨屏协同办公</p>
								<p class="price rmb-symbol"> 2499.00 </p>
							</div>
					</li>
					<li class="box">
						<a>
							<img src="../img/vivo/10006995_1636700606575_530x530.png.webp"></a>
							<div class="prodinfo">
								<p class="name">vivo Pad平板电脑</p>
								<p class="feature">跨屏协同办公</p>
								<p class="price rmb-symbol"> 2499.00 </p>
							</div>
					</li> -->
				</ul>
			</div>
		</div>
	</div>



	<!-- 精品配件end -->
	<!-- 助手 -->
	<div class="v-side-bar">
		<div class="bar-item">
			<div class="v-icon">
				<a href="../html/shopping.html">
				<svg t="1666862486382" class="icon" viewBox="0 0 1028 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="2559" width="30" height="30">
					<path
						d="M332.8 790.528q19.456 0 36.864 7.168t30.208 19.968 20.48 30.208 7.68 36.864-7.68 36.864-20.48 30.208-30.208 20.48-36.864 7.68q-20.48 0-37.888-7.68t-30.208-20.48-20.48-30.208-7.68-36.864 7.68-36.864 20.48-30.208 30.208-19.968 37.888-7.168zM758.784 792.576q19.456 0 37.376 7.168t30.72 19.968 20.48 30.208 7.68 36.864-7.68 36.864-20.48 30.208-30.72 20.48-37.376 7.68-36.864-7.68-30.208-20.48-20.48-30.208-7.68-36.864 7.68-36.864 20.48-30.208 30.208-19.968 36.864-7.168zM930.816 210.944q28.672 0 44.544 7.68t22.528 18.944 6.144 24.064-3.584 22.016-13.312 37.888-22.016 62.976-23.552 68.096-18.944 53.248q-13.312 40.96-33.28 56.832t-49.664 15.872l-35.84 0-65.536 0-86.016 0-96.256 0-253.952 0 14.336 92.16 517.12 0q49.152 0 49.152 41.984 0 20.48-9.728 35.84t-38.4 14.336l-49.152 0-94.208 0-118.784 0-119.808 0-99.328 0-55.296 0q-20.48 0-34.304-9.216t-23.04-24.064-14.848-32.256-8.704-32.768q-1.024-6.144-5.632-29.696t-11.264-58.88-14.848-78.848-16.384-87.552q-19.456-103.424-44.032-230.4l-76.8 0q-15.36 0-25.6-7.68t-16.896-18.432-9.216-23.04-2.56-22.528q0-20.48 13.824-33.792t37.376-12.288l103.424 0q20.48 0 32.768 6.144t19.456 15.36 10.24 18.944 5.12 16.896q2.048 8.192 4.096 23.04t4.096 30.208q3.072 18.432 6.144 38.912l700.416 0zM892.928 302.08l-641.024-2.048 35.84 185.344 535.552 1.024z"
						p-id="2560"></path>
				</svg></a>
			</div>
			<div class="tip">
				<span class="triangle"></span> 购物车
			</div>
		</div>
		<div class="bar-item">
			<div class="v-icon">
				<svg t="1666862758655" class="icon" viewBox="0 0 1051 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="4391" width="30" height="30">
					<path
						d="M55.351351 553.402811v110.924108a83.027027 83.027027 0 0 0 166.054054 0v-110.924108a83.027027 83.027027 0 0 0-166.054054 0z m763.101406 211.552865A137.852541 137.852541 0 0 1 774.918919 664.326919v-110.924108A138.378378 138.378378 0 0 1 912.328649 415.135135C898.131027 214.071351 730.499459 55.351351 525.837838 55.351351 321.148541 55.351351 153.544649 214.071351 139.347027 415.135135A138.461405 138.461405 0 0 1 276.756757 553.402811v110.924108a138.378378 138.378378 0 0 1-276.756757 0v-110.924108a138.378378 138.378378 0 0 1 83.303784-126.865297C91.883243 189.523027 286.72 0 525.837838 0s433.954595 189.523027 442.534054 426.537514A138.461405 138.461405 0 0 1 1051.675676 553.402811v110.924108a138.378378 138.378378 0 0 1-184.790487 130.269405 470.763243 470.763243 0 0 1-188.858811 121.21946A96.809514 96.809514 0 0 1 580.912432 1010.162162h-82.528864c-53.690811 0-97.113946-43.174054-97.113946-96.864865 0-53.607784 43.284757-96.864865 97.141621-96.864865h82.473514c34.954378 0 65.536 18.265946 82.639567 45.803244a415.273514 415.273514 0 0 0 154.900757-97.28zM830.27027 553.402811v110.924108a83.027027 83.027027 0 0 0 166.054054 0v-110.924108a83.027027 83.027027 0 0 0-166.054054 0zM498.438919 954.810811h82.473513c23.302919 0 41.79027-18.487351 41.790271-41.513514 0-23.053838-18.570378-41.513514-41.790271-41.513513h-82.473513c-23.302919 0-41.79027 18.487351-41.79027 41.513513 0 23.053838 18.570378 41.513514 41.79027 41.513514z"
						p-id="4392"></path>
				</svg>
			</div>
			<div class="tip">
				<span class="triangle"></span> 小v客服
			</div>
		</div>
		<div class="bar-item">
			<div class="v-icon">
				<svg t="1666862803377" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="5368" width="30" height="30">
					<path
						d="M513.506307 974.330764c-62.755276 0-123.643018-12.295024-180.971701-36.543288-55.363935-23.416316-105.081267-56.935734-147.772578-99.626022-42.690288-42.690288-76.209706-92.408643-99.626022-147.771555-24.248264-57.328683-36.542264-118.216425-36.542264-180.971701s12.295024-123.643018 36.542264-180.972724c23.416316-55.364959 56.935734-105.08229 99.626022-147.773601s92.408643-76.210729 147.772578-99.628068c57.328683-24.248264 118.216425-36.543288 180.971701-36.543288 62.755276 0 123.643018 12.295024 180.972724 36.543288 55.364959 23.417339 105.08229 56.936757 147.773601 99.628068s76.211752 92.409666 99.628068 147.773601c24.248264 57.329706 36.543288 118.217449 36.543288 180.972724s-12.295024 123.643018-36.543288 180.971701c-23.417339 55.363935-56.93778 105.081267-99.628068 147.771555-42.691311 42.691311-92.409666 76.210729-147.773601 99.627045C637.150348 962.03574 576.262606 974.330764 513.506307 974.330764zM513.506307 82.074274c-57.69912 0-113.661689 11.296277-166.334329 33.5757-50.884924 21.522176-96.587825 52.338019-135.840828 91.591021-39.251979 39.251979-70.066799 84.955904-91.588975 135.841851-22.278399 52.67264-33.574676 108.636233-33.574676 166.335353s11.296277 113.662713 33.574676 166.334329c21.522176 50.885947 52.338019 96.588849 91.588975 135.839805 39.251979 39.251979 84.955904 70.067822 135.840828 91.589998 52.67264 22.278399 108.635209 33.574676 166.334329 33.574676s113.662713-11.295254 166.335353-33.574676c50.885947-21.522176 96.589872-52.338019 135.841851-91.589998 39.253002-39.250956 70.068845-84.955904 91.591021-135.839805 22.278399-52.67264 33.5757-108.635209 33.5757-166.334329 0-57.69912-11.296277-113.662713-33.5757-166.335353-21.522176-50.885947-52.338019-96.589872-91.591021-135.841851s-84.955904-70.068845-135.841851-91.591021C627.170043 93.370551 571.205427 82.074274 513.506307 82.074274z"
						p-id="5369"></path>
					<path
						d="M507.742023 722.763215c-10.376325 0-18.786878-8.411577-18.786878-18.786878L488.955144 590.364789c0-73.891917 51.429323-99.112322 96.804766-121.363092 52.704362-25.845645 98.219999-48.165999 88.23867-139.822512-3.546779-32.550347-19.739577-57.901735-48.130184-75.352175-28.942169-17.788132-69.626777-26.617218-117.695562-25.511024-34.110889 0.781806-66.710354 10.963703-94.273107 29.447682-27.16264 18.215874-48.102554 43.559075-60.554144 73.290213-4.009314 9.56996-15.017018 14.07967-24.585955 10.07138-9.570983-4.00829-14.07967-15.015995-10.07138-24.585955 15.304568-36.540218 40.990576-67.654866 74.283844-89.981361 33.519418-22.478967 73.057923-34.859949 114.341165-35.806507 55.296397-1.2689 103.106286 9.476839 138.229225 31.064506 38.252209 23.51046 61.008492 59.228963 65.808822 103.294574 12.836353 117.857245-54.744835 150.998039-109.046578 177.627537-21.070898 10.332323-40.972157 20.091594-54.872748 33.641191-14.455223 14.089903-20.901029 30.739095-20.901029 53.986565L526.530948 703.976336C526.528901 714.351638 518.117324 722.763215 507.742023 722.763215z"
						p-id="5370"></path>
					<path
						d="M531.058055 810.18631c0 10.721179-8.691963 19.413142-19.417235 19.413142-10.721179 0-19.413142-8.691963-19.413142-19.413142 0-10.725272 8.691963-19.417235 19.413142-19.417235C522.366092 790.768051 531.058055 799.461037 531.058055 810.18631z"
						p-id="5371"></path>
				</svg>
			</div>
			<div class="tip">
				<span class="triangle"></span> 帮助中心
			</div>
		</div>
		<div id="xss">
			<div class="bar-item" id="xs">
				<div class="v-icon">
					<svg t="1666862826002" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="6333" width="30" height="30">
						<path
							d="M838.116 732.779 877.7 693.195 511.979 327.549 146.3 693.195 185.883 732.779 512.003 406.652Z"
							p-id="6334"></path>
					</svg>
				</div>
				<div class="tip">
					<span class="triangle"></span> 返回顶部
				</div>
			</div>
		</div>
	</div>

	<!-- 助手 end-->
	<!-- 底部烂 -->
	<footer id="footer">
		<div class="container">
			<div id="vivo-foot-content">
				<ul class="vp-foot-category-list">
					<li>
						<dl class="vp-foot-category">
							<dt>了解产品</dt>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=X系列">X系列</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=S系列">S系列</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=T系列">T系列</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=Y系列">Y系列</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=NEX系列">NEX系列</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=iQOO手机">iQOO手机</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=智能硬件">智能硬件</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=X Fold+">X Fold+</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=X80 Pro">X80 Pro</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1110&amp;name=iQOO 10 Pro">iQOO 10 Pro</a>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="vp-foot-category">
							<dt>在线购买</dt>
							<dd><a data-head-click-stat="cfrom=1111&amp;name=官方商城">官方商城</a></dd>
							<dd><a data-head-click-stat="cfrom=1111&amp;name=选购手机">选购手机</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1111&amp;name=选购配件">选购配件</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1111&amp;name=订单查询">订单查询</a></dd>
							<dd><a data-head-click-stat="cfrom=1111&amp;name=官网APP下载">官网APP下载</a></dd>
							<dd><a data-head-click-stat="cfrom=1111&amp;name=以旧换新">以旧换新</a></dd>
						</dl>
					</li>
					<li>
						<dl class="vp-foot-category">
							<dt>服务支持</dt>
							<dd><a data-head-click-stat="cfrom=1112&amp;name=体验店"
									hre_f="//www.vivo.com.cn/store">体验店</a></dd>
							<dd><a data-head-click-stat="cfrom=1112&amp;name=服务首页"
									hre_f="//www.vivo.com.cn/service.html">服务首页</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1112&amp;name=真伪查询"
									hre_f="//www.vivo.com.cn/service/authenticityCheck/index">真伪查询</a></dd>
							<dd><a data-head-click-stat="cfrom=1112&amp;name=服务网点查询"
									hre_f="//www.vivo.com.cn/service/map.html">服务网点查询</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1112&amp;name=vivo care"
									hre_f="https://www.vivo.com.cn/service/vivocare">vivo care</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1112&amp;name=vivo云服务"
									hre_f="https://findphone.vivo.com?ev=nbw">vivo云服务</a></dd>
							<dd><a data-head-click-stat="cfrom=1112&amp;name=常见问题"
									hre_f="//www.vivo.com.cn/service/questions/all">常见问题</a></dd>
							<dd><a data-head-click-stat="cfrom=1112&amp;name=服务政策"
									hre_f="//www.vivo.com.cn/service/policy/1">服务政策</a></dd>
							<dd><a data-head-click-stat="cfrom=1112&amp;name=环保回收"
									hre_f="//topic.vivo.com.cn/activity/link/environmentalprotection">环保回收</a></dd>
						</dl>
					</li>
					<li>
						<dl class="vp-foot-category">
							<dt>商务合作</dt>
							<dd><a data-head-click-stat="cfrom=1113&amp;name=采购平台"
									hre_f="http://s.vivo.com.cn:8020/OA_HTML/RF.jsp?function_id=28910&amp;resp_id=-1&amp;resp_appl_id=-1&amp;security_group_id=0&amp;lang_code=ZHS"
									target="_blank">采购平台</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1113&amp;name=供应商协同平台"
									hre_f="https://supplier.vivo.xyz/#/login/registerIndex" target="_blank">供应商协同平台</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1113&amp;name=开放平台" hre_f="https://dev.vivo.com.cn"
									target="_blank">开放平台</a></dd>
							<dd><a data-head-click-stat="cfrom=1113&amp;name=企业服务" hre_f="https://www.phonertech.com"
									target="_blank">企业服务</a>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="vp-foot-category">
							<dt>关于vivo</dt>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=vivo简介"
									hre_f="//www.vivo.com.cn/brand/about">vivo简介</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=OriginOS"
									hre_f="//www.vivo.com.cn/originos">OriginOS</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=工作机会" hre_f="https://hr.vivo.com">工作机会</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=新闻资讯"
									hre_f="//www.vivo.com.cn/brand/news/list">新闻资讯</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=隐私中心" hre_f="https://privacy.vivo.com.cn/"
									target="_blank">隐私中心</a></dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=辅助功能" hre_f="https://assist.vivo.com"
									target="_blank">辅助功能</a></dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=廉正合规"
									hre_f="https://shopact.vivo.com.cn/pcspace/wk220520bf6993b8"
									target="_blank">廉正合规</a></dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=可持续发展"
									hre_f="//www.vivo.com.cn/vivo/sustainability">可持续发展</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=vivo VISION+"
									hre_f="https://visionplus.vivo.com/">vivo VISION+</a></dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=vivo蔡司影像"
									hre_f="https://www.vivo.com.cn/vivo/vivozeiss">vivo蔡司影像</a></dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=安全公告"
									hre_f="//www.vivo.com.cn/service/security-advisory">安全公告</a>
							</dd>
							<dd><a data-head-click-stat="cfrom=1114&amp;name=vivo社区"
									hre_f="https://bbs.vivo.com.cn/newbbs/">vivo社区</a>
							</dd>
						</dl>
					</li>
				</ul>
				<div class="vp-foot-contact">
					<div class="vp-foot-phoneBox">
						<p>全国客户服务热线 7*24小时

							<svg t="1666877276436" class="icon" viewBox="0 0 1024 1024" version="1.1"
								xmlns="http://www.w3.org/2000/svg" p-id="7417" width="28" height="28">
								<path
									d="M766.438946 943.5579c-4.429893 0-7.181563-0.145309-7.476275-0.160659l-0.290619-0.01842c-42.736337-3.02387-90.967828-17.787108-139.483798-42.693358l-0.587378-0.315178-54.078663-30.248931c-102.549607-56.177464-259.853259-218.356147-266.500657-225.233787l-11.432377-11.828396 0.092098-0.11461c-27.666106-29.688159-84.594677-94.66094-133.902686-175.60753-55.477522-91.075275-81.612763-169.619142-77.67815-233.44889 2.922563-47.425126 22.463618-85.97307 58.07979-114.573455 38.268582-30.728862 73.250304-43.540655 106.933451-39.162952 36.108383 4.690836 69.019956 28.681226 103.573937 75.497485 2.307555 3.127224 4.591575 6.207375 6.842849 9.244548 25.679869 34.643008 47.857984 64.562435 55.935963 95.558379 9.42772 36.173874-1.87572 69.727061-34.558074 102.576213l-1.133823 1.139963-0.239454 0.143263c-1.543146 1.576915-8.922207 10.053983-9.100262 28.119431-0.180102 18.291598 6.823406 40.11565 20.814048 64.866357 19.22076 34.000372 51.161217 72.403007 94.934163 114.14162 73.369008 69.476351 120.596635 88.594781 147.289578 92.391247 23.400966 3.329838 33.67803-4.653997 35.45756-6.243191l0.306992-0.428765-0.25071 0.378623c0.052189-0.048095 0.096191-0.088004 0.12996-0.12075 27.874861-32.115442 63.648622-42.73122 106.3297-31.54853 30.785144 8.064676 64.736397 26.939559 110.083188 61.199851 34.673707 26.194592 55.872518 52.227502 64.805982 79.588663 9.91379 30.357402 5.175883 61.742203-14.482853 95.946212-5.145184 8.953929-16.573467 12.040221-25.526373 6.892991-8.951883-5.145184-12.039197-16.573467-6.892991-25.526373 14.275121-24.837688 17.885346-45.717228 11.357675-65.705468-6.482645-19.854187-23.427572-39.926338-51.800783-61.36051-53.480029-40.404222-80.984453-50.661843-97.019661-54.862515-29.009707-7.600095-50.218752-1.410116-68.768223 20.064988-2.236947 2.578732-16.8559 18.027585-47.285956 19.762089-50.306756 2.858094-114.064872-31.898501-189.489702-103.322204C364.582509 505.738389 321.769424 435.174264 324.130192 378.769626c1.333368-31.846312 17.013489-48.312332 21.691021-52.538587 46.799886-47.340191 27.248597-78.138638-25.329898-149.069107-2.266623-3.057639-4.564969-6.15928-6.887874-9.30697-28.097942-38.068014-52.979632-57.33073-78.30646-60.621682-23.048949-2.994194-48.796356 7.223518-78.70248 31.237445-27.442002 22.037922-41.891086 50.730405-44.171012 87.718831-3.406586 55.261605 21.591761 128.46586 72.290443 211.69647 55.645344 91.351568 121.350812 161.615864 140.164297 180.974771l2.491751 2.564405c20.531616 20.967544 164.28874 166.17981 255.178797 215.937051l0.149403 0.082888 53.862745 30.126134c43.889603 22.49227 86.947258 35.799344 124.561947 38.494733 1.385557 0.062422 16.679891 0.665149 33.288151-2.122337 5.990434-1.004887 12.458753-2.228761 19.305695-3.52222 25.75764-4.867868 57.81373-10.927887 100.929714-12.644995 10.296507-0.403183 19.015076 7.619538 19.425422 17.936511 0.411369 10.316973-7.618515 19.015076-17.936511 19.425422-40.364313 1.608637-70.922283 7.385201-95.474468 12.025894-7.04137 1.330298-13.690814 2.586918-20.058848 3.656273C786.892791 943.120948 774.135232 943.5579 766.438946 943.5579z"
									p-id="7418"></path>
							</svg>

						</p>
						<!-- <a class="vp-foot-phone"  data-head-click-stat="cfrom=1118&amp;name=全国客户服务热线">400-678-9688</a> -->
						<span class="vp-foot-phone">400-678-9688</span>
					</div>
					<div class="vp-foot-phoneBox">
						<p>尊享服务专线 7*24小时<br>(适用于X Fold、X Note、NEX系列)
							<svg t="1666877753548" class="icon" viewBox="0 0 1024 1024" version="1.1"
								xmlns="http://www.w3.org/2000/svg" p-id="12028" width="28" height="28">
								<path
									d="M414.866 996.381c19.911 8.693 44.744 18.287 68.461 22.893l36.794 4.502c4.54 0.232 20.314 0.275 23.646 0.145 0 0 18.786-0.086 36.721-4.111 17.935-4.027 47.19-12.381 69.423-23.109 0 0 37.7-21.762 79.459-53.764 41.759-32.004 102.539-119.213 133.36-194.886 43.178-9.57 82.752-45.509 89.268-124.671 6.169-74.586-16.623-107.818-47.205-122.297-0.324-8.876-0.752-17.593-1.281-26.078 39.336-217.806-116.266-293.913-128.436-297.604-20.272-30.801-157.642-218.141-406.87-66.06-36.49 22.256-94.402 66.087-125.323 110.25-37.185 46.697-64.212 114.261-75.281 211.927-7.667 0.825-15.335 2.027-22.893 3.736-2.013-47.928 0.622-189.179 90.137-289.598 66.21-74.252 166.7-111.915 298.611-111.915 132.158 0 234.697 37.952 304.874 112.784 115.23 122.92 104.833 306.365 104.719 308.189-0.639 9.832 6.805 18.347 16.651 18.983 0.405 0.029 0.81 0.058 1.187 0.058 9.34 0 17.202-7.254 17.812-16.681 0.55-8.124 11.756-200.315-114.073-334.746C787.427 41.838 676.011 0.006 533.457 0.006c-142.691 0-252.203 41.76-325.486 124.121-107.157 120.4-101.395 287.049-98.398 325.84-41.701 22.285-71.854 70.821-63.291 174.7 11.288 136.893 90.76 184.604 165.933 184.604 14.604 0 27.52-3.156 38.887-8.949 43.032 27.859 112.096 51.982 222.742 56.501 10.854 16.319 33.601 27.556 59.947 27.556 36.801 0 66.665-21.98 66.665-49.059 0-27.077-29.864-49.043-66.665-49.043-30.009 0-55.385 14.566-63.748 34.621-72.588-3.461-124.585-15.798-161.726-31.334-50.687-68.156-74.803-183.895-74.803-250.01 0-24.456 0.767-47.204 2.215-68.388 234.438 7.862 373.763-86.923 449.977-169.255 98.058 97.753 132.976 230.012 144.575 293.231-22.705 173.455-146.385 357.523-296.49 357.523-64.572 0-124.267-34.057-173.122-86.678-49.897-10.453-91.491-26.758-124.52-48.854 26.97 48.233 65.487 98.022 99.122 125.628s59.684 44.927 79.595 53.62z"
									fill="#000000" p-id="12029"></path>
							</svg>
						</p>
						<span class="vp-foot-phone">400-679-9688</span>
					</div>
					<div class="vp-foot-phoneBox vp-foot-emailBox">
						<p>服务监督邮箱
							<svg t="1666877710047" class="icon" viewBox="0 0 1024 1024" version="1.1"
								xmlns="http://www.w3.org/2000/svg" p-id="10235" width="28" height="28">
								<path
									d="M838.954667 234.666667H170.666667c-3.626667 0-7.168 0.448-10.56 1.322666l323.690666 323.669334a21.333333 21.333333 0 0 0 30.165334 0L838.954667 234.666667z m46.144 14.186666l-260.693334 260.693334 262.933334 262.912c5.44-7.168 8.661333-16.106667 8.661333-25.792V277.333333c0-10.944-4.117333-20.906667-10.88-28.48zM843.861333 789.333333l-249.6-249.621333-50.133333 50.133333a64 64 0 0 1-90.517333 0l-50.112-50.133333L156.373333 786.88c4.48 1.578667 9.28 2.453333 14.314667 2.453333h673.194667zM128.661333 754.218667L373.333333 509.525333 129.578667 265.813333A42.709333 42.709333 0 0 0 128 277.333333v469.333334c0 2.56 0.213333 5.098667 0.661333 7.552zM170.666667 192h682.666666a85.333333 85.333333 0 0 1 85.333334 85.333333v469.333334a85.333333 85.333333 0 0 1-85.333334 85.333333H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333333V277.333333a85.333333 85.333333 0 0 1 85.333334-85.333333z"
									fill="#333333" p-id="10236"></path>
							</svg>
						</p>
						<a class="vp-foot-email">vivo@vivo.com</a>
					</div>
				</div>
			</div>
			<div class="vp-foot-bottom">
				<p class="vp-foot-copyright" id="vp-vivoportal-copyright">©2011-2022 <span
						id="companyName">广东天宸网络科技有限公司</span>
					版权所有 <span class="vp-foot-copyright-line">|</span>
					<span class="vp-foot-copyright-main">
						<a id="vp-foot-btn-privacy">隐私政策</a><span> | </span>
						<a id="vp-foot-btn-legal">用户协议</a><span> | </span><span></span>
						<a class="f_bussiness-license">营业执照</a><span> | </span><a class="vp-foot-crtext"
							id="vp-footer-record" href="http://beian.miit.gov.cn/" target="_blank">粤B2-20150324 |
							粤ICP备14052990号</a><span class="vp-foot-icon-lastLine"> | </span>
						<a class="vp-foot-policetext" id="vp-footer-policetext" target="_blank">粤公网安备
							44190002004246号</a>
					</span>
					<a class="vp-foot-country"
						data-head-click-stat="version=1.3.0&amp;pageview=官网首页&amp;cfrom=1119">Select Location</a>
				</p>
			</div>
		</div>
	</footer>
	<!-- 底部烂 -->
</body>
<script src="../js/jquery.js"></script>
<script src="../js/mock.js"></script>
<script src="../js/bootstrap-3.4.1/dist/js/bootstrap.js"></script>
<script src="../js/index.js"></script>
<script>
	$(".vp-head-member-login").mouseenter(()=>{
		console.log(1);
		$(".vp-head-user-lists").css("display","block")
	})
	$(".vp-head-user-lists ").mouseleave(()=>{
		$(".vp-head-user-lists").css("display","none")
	})
</script>

</html>